<template>
  <div class="theatre-block" @click="toAnimeMain(id)">
    <BaseImg :src="src" />
  </div>
</template>

<script>
import BaseImg from '../Global/BaseImg.vue'

import { toAnimeMain } from '@/router/jump'

export default {
  name: 'TheatreBlock',
  props: {
    id: {
      default: 0
    },
    src: {
      default: ''
    }
  },
  components: {
    BaseImg
  },
  setup() {
    return {
      toAnimeMain
    }
  }
}
</script>

<style>
.theatre-block {
  width: 100%;
  height: 100%;
}
</style>
